<div *ngIf="!loading" class="todoListWrapper">
  <ul>
    <ng-container *ngFor="let todo of filteredTodos;">
      <TodoItem [todo]="todo"></TodoItem>
    </ng-container>
  </ul>
</div>
<div *ngIf="loading">Loading...</div>
<ng-container *ngIf="!loading">
  <TodoFilters
    [todos]="filteredTodos"
    [currentFilter]="filter"
    (filterResultsFn)="filterResults($event)"
    (clearCompletedFn)="clearCompleted()"
  ></TodoFilters>
</ng-container>
